<?php

/**
 * Created by PhpStorm.
 * Author: Shadow
 * Date: 2021/11/19
 * Time: 11:40 上午
 * description: list.php
 */


# 第三展示数据
// 连接数据库
$pdo = new PDO("mysql:host=127.0.0.1;dbname=1910",'root','password');
// # 分页查询数据

$page = isset($_GET['page']) ? $_GET['page'] : 1; //当前页

$count = $pdo->query("SELECT id FROM `games`")->rowCount();//总数量

$size = 5;//每页显示的条数
$pages = ceil($count/$size);

$pre = $page - 1 <= 0 ? 1 : $page -1;//上一页
$next = $page + 1 > $pages ? $pages : $page + 1;//上一页

$sql = "SELECT id,title,image FROM `games` LIMIT {$page},{$size}";

// 执行查询sql
$data  = $pdo->query($sql);
// 返回数据
$data = $data->fetchAll(PDO::FETCH_ASSOC);

// 开启缓冲区
ob_start();
//ob_get_contents();//返回内部缓冲区的内容。
//ob_end_clean(); //删除内部缓冲区的内容，关闭缓冲区(不输出)。
//ob_end_flush(); //发送内部缓冲区的内容到浏览器，并且关闭输出缓冲区。
//ob_flush(); //发送内部缓冲区的内容到浏览器，删除缓冲区的内容，不关闭缓冲区。
//ob_clean(); //删除内部缓冲区的内容，不关闭缓冲区(不输出)。
//
//ob_get_clean(); //返回内部缓冲区的内容，关闭缓冲区。相当于执行 ob_get_contents() and ob_end_clean()
?>
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

<meta name="referrer" content="no-referrer">
<h3>游戏页面</h3>
<table class="table table-bordered table-hover	" width="80%">
    <tr>
        <td>ID</td>
        <td>标题</td>
        <td>图片</td>
        <td>详情页</td>
    </tr>
    <?php foreach ($data as $value) {?>
        <tr>
            <td><?php echo $value['id']; ?></td>
            <td><?php echo $value['title']; ?></td>
            <td><img src="<?php echo $value['image']; ?>" alt="" height="100px" width="100px"></td>
            <td>
<!--                原来访问info.php?id=1-->

<!--                <a href="./info.php?id=--><?php //echo $value['id'];?><!--">详情</a>-->
<!--                现在-->
<!--                list_1.html 重写  info.php?id=1-->
                <a href="list_<?php echo $value['id'];?>.html">详情</a>
            </td>
        </tr>
    <?php }?>
</table>

<div>
    <a href="./list.php?page=1" class="btn">首页</a>
    <a href="./list.php?page=<?php echo $pre;?>" class="btn">上一页</a>
    <a href="./list.php?page=<?php echo $next?>" class="btn">下一页</a>
    <a href="./list.php?page=<?php echo $pages;?>" class="btn">尾页</a>
</div>
